<template>
	<input type="text" v-model="cityname" />
</template>

<script setup>
	import {ref,watch} from 'vue'
	//演示侦听器watch()函数有3个参数，下面对这3个参数分别进行讲解。
    //第1个参数是侦听器的来源
	//第2个参数是数据发生变化时要调用的回调函数，
	//这个回调函数的第1个参数表示新值，即数据发生变化后的值，第2个参数表示旧值，即数据发生变化前的值
	const cityname=ref('conghua')
	watch(cityname,(newvalue,oldvalue)=>{
		// console.log(oldvalue,newvalue)
		console.log("旧值",oldvalue)
		console.log("新值",newvalue)
	})
</script>

<style>
</style>